var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');

// 绘制填充的字体
var text = '绘制字体';
context.font = '20px bold';
context.fillText('绘制填充的字体', 20, 20);

// 绘制字体的轮廓
context.strokeText('绘制字体的轮廓', 20, 80);






